import 'package:app/shared/constants/common.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:get/route_manager.dart';

class PublishPage extends StatelessWidget {
  const PublishPage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: SafeArea(
      child: Container(
          height: double.infinity,
          color: Colors.white,
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Container(
                padding: EdgeInsets.symmetric(
                    horizontal: sDefaultMarginPadding * 4,
                    vertical: sDefaultMarginPadding * 10),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text(
                      "关于友谊",
                      style:
                          TextStyle(fontWeight: FontWeight.bold, fontSize: 24),
                    ),
                    SizedBox(
                      height: 15,
                    ),
                    Text(
                      "即使友谊太拥挤，也别落下任何人",
                      style: TextStyle(fontSize: 14),
                    ),
                    SizedBox(
                      height: 15,
                    ),
                    Text(
                      "#",
                      style: TextStyle(fontWeight: FontWeight.bold),
                    )
                  ],
                ),
              ),
              SizedBox(
                height: 180,
              ),
              Container(
                padding: EdgeInsets.only(top: 150, bottom: 50),
                decoration: BoxDecoration(
                  gradient: RadialGradient(
                    colors: [
                      Color.fromRGBO(218, 240, 241, .8),
                      Colors.white,
                    ],
                  ),
                ),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceAround,
                  children: [
                    TextButton(
                        onPressed: () {
                          Get.toNamed('/home/pushContent');
                        },
                        child: ClipOval(
                          child: Container(
                            color: Color.fromRGBO(134, 223, 241, 0.2),
                            padding: EdgeInsets.all(15),
                            alignment: Alignment.center,
                            child: SvgPicture.asset(
                              "assets/icons/huati.svg",
                              width: 30,
                            ),
                          ),
                        )),
                    ClipOval(
                      child: Container(
                        color: Color.fromRGBO(134, 223, 241, 0.2),
                        padding: EdgeInsets.all(15),
                        alignment: Alignment.center,
                        child: SvgPicture.asset(
                          "assets/icons/video.svg",
                          width: 30,
                        ),
                      ),
                    ),
                    ClipOval(
                      child: Container(
                        color: Color.fromRGBO(134, 223, 241, 0.2),
                        padding: EdgeInsets.all(15),
                        alignment: Alignment.center,
                        child: SvgPicture.asset(
                          "assets/icons/quanliao.svg",
                          width: 30,
                        ),
                      ),
                    ),
                    ClipOval(
                      child: Container(
                        color: Color.fromRGBO(134, 223, 241, 0.2),
                        padding: EdgeInsets.all(15),
                        alignment: Alignment.center,
                        child: SvgPicture.asset(
                          "assets/icons/trval.svg",
                          width: 30,
                        ),
                      ),
                    ),
                  ],
                ),
              ),
              Center(
                child: TextButton.icon(
                  onPressed: () {
                    Get.back();
                  },
                  icon: Icon(
                    Icons.close,
                    color: Colors.black,
                  ),
                  label: Text(""),
                ),
              )
            ],
          )),
    ));
  }
}
